<!DOCTYPE html>
<!-- saved from url=(0021)http://wkd.to8to.com/ -->
<html><head style="color: white;"><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<title>bpmn-js modeler demo</title>
<link rel="stylesheet" href="/static/actjs/diagram-js.8993c32b.css">
<link rel="stylesheet" href="/static/actjs/bpmn-embedded.css">
<link rel="stylesheet" href="/static/actjs/app.4da6039e.css">
<link rel="stylesheet" href="/static/actjs/font-awesome.min.css">
</head>
<body class="">
<div class="content with-diagram" id="js-drop-zone">
<div class="message intro">
<div class="note">
载入中.....
</div>
</div>
<div class="message error">
<div class="note">
<p>Ooops, we could not display the BPMN 2.0 diagram.</p>
<div class="details">
<span>cause of the problem</span>
<pre></pre>
</div>
</div>
</div>
<div class="canvas" id="js-canvas"><div class="bjs-container" style="width: 100%; height: 100%; position: relative;"><div class="djs-container" style="position: relative; overflow: hidden; width: 100%; height: 100%;"><div class="djs-tooltip-container" style="position: absolute; width: 0; height: 0;"></div><div class="djs-overlay-container" style="position: absolute; width: 0; height: 0;"></div><svg width="100%" height="100%" data-element-id="root_12" style="touch-action: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);" class=" hover"><desc>Created with Snap</desc><defs><marker viewBox="0 0 20 20" markerWidth="10" markerHeight="10" orient="auto" refX="11" refY="10" id="markerSk39tdi2o4"><path d="M 1 5 L 11 10 L 1 15 Z" style="stroke-width: 1; stroke-linecap: round; stroke-dasharray: 10000, 1;" fill="#000000"></path></marker><marker viewBox="0 0 20 20" markerWidth="20" markerHeight="20" orient="auto" refX="6" refY="6" id="markerSk39tdi2o6"><circle cx="6" cy="6" r="3.5" style="stroke-width: 1; stroke-linecap: round; stroke-dasharray: 10000, 1;" fill="#ffffff" stroke="#000000"></circle></marker><marker viewBox="0 0 20 20" markerWidth="20" markerHeight="20" orient="auto" refX="8.5" refY="5" id="markerSk39tdi2o8"><path d="m 1 5 l 0 -3 l 7 3 l -7 3 z" fill="#ffffff" stroke="#000000" style="stroke-width: 1; stroke-linecap: butt; stroke-dasharray: 10000, 1;"></path></marker><marker viewBox="0 0 20 20" markerWidth="10" markerHeight="10" orient="auto" refX="1" refY="10" id="markerSk39tdi2oa"><path d="M 11 5 L 1 10 L 11 15" fill="none" stroke="#000000" style="stroke-width: 1.5; stroke-linecap: round; stroke-dasharray: 10000, 1;"></path></marker><marker viewBox="0 0 20 20" markerWidth="10" markerHeight="10" orient="auto" refX="12" refY="10" id="markerSk39tdi2oc"><path d="M 1 5 L 11 10 L 1 15" fill="none" stroke="#000000" style="stroke-width: 1.5; stroke-linecap: round; stroke-dasharray: 10000, 1;"></path></marker><marker viewBox="0 0 20 20" markerWidth="10" markerHeight="10" orient="auto" refX="-1" refY="10" id="markerSk39tdi2oe"><path d="M 0 10 L 8 6 L 16 10 L 8 14 Z" fill="#ffffff" stroke="#000000" style="stroke-width: 1; stroke-linecap: round; stroke-dasharray: 10000, 1;"></path></marker><marker viewBox="0 0 20 20" markerWidth="10" markerHeight="10" orient="auto" refX="-5" refY="10" id="markerSk39tdi2og"><path d="M 1 4 L 5 16" fill="#000000" stroke="#000000" style="stroke-width: 1; stroke-linecap: round; stroke-dasharray: 10000, 1;"></path></marker></defs><g class="viewport"><g data-element-id="root_12" class="layer-base hover"></g><g class="layer-resizers"></g><g class="layer-snap"><path d="M0,0 L0,0" style="display: none;" class=" djs-snap-line"></path><path d="M0,0 L0,0" style="display: none;" class=" djs-snap-line"></path></g></g><rect x="-10000" y="-10000" width="10" height="10" fill="none" style="" class="outer-bound-marker"></rect><rect x="10000" y="10000" width="10" height="10" fill="none" style="" class="outer-bound-marker"></rect></svg><div class="djs-search-container djs-draggable djs-scrollable"><div class="djs-search-input"><input type="text"></div><div class="djs-search-results"></div></div><div class="djs-palette open" style="touch-action: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);"><div class="djs-palette-entries"><div class="group" data-group="tools"><div class="entry bpmn-icon-hand-tool" draggable="true" data-action="hand-tool" title="拖拽"></div><div class="entry bpmn-icon-connection-multi" draggable="true" data-action="global-connect-tool" title="连接"></div><hr class="separator"></div><div class="group" data-group="event"><div class="entry bpmn-icon-start-event-none" draggable="true" data-action="create.start-event" title="创建 启动事件"></div><div class="entry bpmn-icon-intermediate-event-none" draggable="true" data-action="create.intermediate-event" title="创建 流程终止"></div><div class="entry bpmn-icon-end-event-none" draggable="true" data-action="create.end-event" title="创建 结束事件"></div></div><div class="group" data-group="gateway"><div class="entry bpmn-icon-gateway-xor" draggable="true" data-action="create.exclusive-gateway" title="创建 网关"></div></div><div class="group" data-group="activity"><div class="entry bpmn-icon-user-task" draggable="true" data-action="create.task" title="创建 用户任务"></div></div></div><div class="djs-palette-toggle"></div></div></div></div></div>
<div id="js-properties-panel">
<button id="submit">提 交</button>
<div class="bpp-properties-panel"><div class="bpp-properties"><div class="bpp-properties-header"><div class="label"></div></div><div class="bpp-properties-tab-bar"><span class="scroll-tabs-button scroll-tabs-right" data-direction="1">›</span><span class="scroll-tabs-button scroll-tabs-left" data-direction="-1">‹</span><ul class="bpp-properties-tabs-links"><li class="bpp-properties-tab-link bpp-active"><a href="http://wkd.to8to.com/" data-tab-target="general">基础信息</a></li><li class="bpp-properties-tab-link"><a href="http://wkd.to8to.com/" data-tab-target="listeners">事件配置</a></li><li class="bpp-properties-tab-link bpp-hidden"><a href="http://wkd.to8to.com/" data-tab-target="copys">抄送配置</a></li><li class="bpp-properties-tab-link bpp-hidden"><a href="http://wkd.to8to.com/" data-tab-target="conditions">条件配置</a></li><li class="bpp-properties-tab-link bpp-hidden"><a href="http://wkd.to8to.com/" data-tab-target="userConfigs">用户配置</a></li></ul></div><div class="bpp-properties-tabs-container"><div class="bpp-properties-tab bpp-active" data-tab="general"><div class="bpp-properties-group" data-group="general"><span class="group-toggle"></span><span class="group-label"></span><div class="bpp-properties-entry bpp-textfield" data-entry="id"><label for="camunda-id">标识键</label><div class="bpp-field-wrapper"><input id="camunda-id" type="text" onfocus="this.blur()" name="id" class="invalid"><div class="bpp-error-message">Element must have an unique id.</div></div></div><div class="bpp-properties-entry bpp-textfield" data-entry="name"><label for="camunda-name">流程名</label><div class="bpp-field-wrapper"><input id="camunda-name" type="text" onfocus="this.blur()" name="name"></div></div><div class="bpp-properties-entry bpp-textfield" data-entry="versionTag"><label for="camunda-versionTag">版本号</label><div class="bpp-field-wrapper"><input id="camunda-versionTag" type="text" onfocus="this.blur()" name="versionTag"></div></div><div class="bpp-properties-entry bpp-textbox" data-entry="description"><label for="camunda-description">流程说明</label><div class="bpp-field-wrapper"><div contenteditable="true" id="camunda-description" name="documentation" onfocus="this.blur()"></div></div></div><div class="bpp-properties-entry" data-entry="formKey"><label for="camunda-form-key">表单URL</label><div class="bpp-field-wrapper"><input id="camunda-form-key" type="text" data-value="" name="formKey"></div></div></div></div><div class="bpp-properties-tab" data-tab="listeners"><div class="bpp-properties-group" data-group="listeners"><span class="group-toggle"></span><span class="group-label"></span><div class="bpp-properties-entry" data-entry="executionListeners"><div class="bpp-row bpp-element-list"><label for="cam-extensionElements-executionListeners"> </label><div class="bpp-field-wrapper"><select id="cam-extensionElements-executionListeners" name="selectedExtensionElement" size="5" data-list-entry-container="" data-on-change="selectElement"></select><button class="add" id="cam-extensionElements-create-executionListeners" data-action="createElement"><span>+</span></button><button class="clear" id="cam-extensionElements-remove-executionListeners" data-action="removeElement" data-disable="disableRemove" disabled=""><span>-</span></button></div></div></div><div class="bpp-properties-entry dropdown" data-entry="node-type"><label for="camunda-node-type" data-show="isDisabled" class="bpp-hidden">动作类型</label><select id="camunda-node-type-select" name="nodeType" data-show="isDisabled" data-value="" class="bpp-hidden"><option value="default">--请选择--</option><option value="0">校验节点</option><option value="1">执行节点</option><option value="2">抄送节点</option></select></div><div class="bpp-properties-entry dropdown" data-entry="verify-doc-type"><label for="camunda-verify-doc-type" data-show="isDisabled" class="bpp-hidden">单据分类</label><select id="camunda-verify-doc-type-select" name="veriDocType" data-show="isDisabled" data-value="" class="bpp-hidden"><option value="default">--请选择--</option></select></div><div class="bpp-properties-entry dropdown" data-entry="event-name"><label for="camunda-event-name" data-show="isDisabled" class="bpp-hidden">动作名称</label><select id="camunda-event-name-select" name="eventName" data-show="isDisabled" data-value="" class="bpp-hidden"><option value="0">--请选择--</option></select></div><div class="bpp-properties-entry dropdown" data-entry="fire-time"><label for="camunda-fire-time" data-show="isDisabled" class="bpp-hidden">触发时机</label><select id="camunda-fire-time-select" name="fireTime" data-show="isDisabled" data-value="" class="bpp-hidden"><option value="start">任务生成前</option><option value="end">任务处理后</option></select></div><div class="bpp-properties-entry dropdown" data-entry="emit-time"><label for="camunda-emit-time" data-show="isDisabled" class="bpp-hidden">触发时间</label><select id="camunda-emit-time-select" name="emitTime" data-show="isDisabled" data-value="" class="bpp-hidden"><option value="start">节点前（中）</option><option value="end">节点后</option></select></div><div class="bpp-properties-entry dropdown" data-entry="person-type"><label for="camunda-person-type" data-show="isDisabled" class="bpp-hidden">人员选择</label><select id="camunda-person-type-select" name="personType" data-show="isDisabled" data-value="" class="bpp-hidden"><option value="0">--请选择--</option><option value="1">角色</option><option value="2">岗位</option><option value="3">关系</option><option value="4">后台提供</option><option value="5">固定人员</option></select></div><div class="bpp-properties-entry dropdown" data-entry="do-relate-assoc"><label for="camunda-do-relate-assoc" data-show="isDisabled" class="bpp-hidden">关联组织</label><select id="camunda-do-relate-assoc-select" name="doRelateAssoc" data-show="isDisabled" data-value="" class="bpp-hidden"><option value="0">--请选择--</option><option value="1">否</option><option value="2">是</option></select></div><div class="bpp-properties-entry" data-entry="user-choose"><div class="bpp-field-wrapper"><input id="camunda-user-choose" type="text" data-value="" data-show="show" name="selectedUsers" onfocus="this.blur()" class="bpp-hidden"><button id="user-choose" data-action="choose" data-show="show" class="bpp-hidden">选择</button></div></div><div class="bpp-properties-entry bpp-textfield" data-entry="lst-service-name"><label for="camunda-lst-service-name" data-show="isDisabled" class="bpp-hidden">服务名</label><div class="bpp-field-wrapper bpp-hidden" data-show="isDisabled"><input id="camunda-lst-service-name" type="text" name="lstServiceName"><button class="clear bpp-hidden" data-action="clear" data-show="canClear" data-disabled="isDisabled"><span>X</span></button></div></div><div class="bpp-properties-entry bpp-textfield" data-entry="lst-interface-name"><label for="camunda-lst-interface-name" data-show="isDisabled" class="bpp-hidden">接口名</label><div class="bpp-field-wrapper bpp-hidden" data-show="isDisabled"><input id="camunda-lst-interface-name" type="text" name="lstInterfaceName"><button class="clear bpp-hidden" data-action="clear" data-show="canClear" data-disabled="isDisabled"><span>X</span></button></div></div><div class="bpp-properties-entry dropdown" data-entry="lst-choose-relat"><label for="camunda-lst-choose-relat" data-show="isDisabled" class="bpp-hidden">选择关系</label><select id="camunda-lst-choose-relat-select" name="lstChooseRelation" data-show="isDisabled" data-value="" class="bpp-hidden"><option value="DEFAULT">--请选择--</option><option value="STARTER">发起人</option><option value="SUPERIOR">直接上级</option><option value="SUPERIOR_SUPERIOR">业务上级</option><option value="LEADER">部门负责人</option></select></div></div></div><div class="bpp-properties-tab bpp-hidden" data-tab="copys"><div class="bpp-properties-group bpp-hidden" data-group="copy-config"><span class="group-toggle"></span><span class="group-label"></span></div></div><div class="bpp-properties-tab bpp-hidden" data-tab="conditions"><div class="bpp-properties-group bpp-hidden" data-group="condition-config"><span class="group-toggle"></span><span class="group-label"></span></div></div><div class="bpp-properties-tab bpp-hidden" data-tab="userConfigs"><div class="bpp-properties-group bpp-hidden" data-group="user-configs"><span class="group-toggle"></span><span class="group-label"></span></div></div></div></div></div></div>
<div class="mask">
<div id="loading">
<svg width="120px" height="120px" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" preserveAspectRatio="xMidYMid" class="uil-default"><rect x="0" y="0" width="100" height="100" fill="none" class="bk"></rect><rect x="46.5" y="40" width="7" height="20" rx="5" ry="5" fill="#ffffff" transform="rotate(0 50 50) translate(0 -22)"> <animate attributeName="opacity" from="1" to="0" dur="1s" begin="-1s" repeatCount="indefinite"></animate></rect>
<rect x="46.5" y="40" width="7" height="20" rx="5" ry="5" fill="#ffffff" transform="rotate(36 50 50) translate(0 -22)"> <animate attributeName="opacity" from="1" to="0" dur="1s" begin="-0.9s" repeatCount="indefinite"></animate></rect><rect x="46.5" y="40" width="7" height="20" rx="5" ry="5" fill="#ffffff" transform="rotate(72 50 50) translate(0 -22)"> <animate attributeName="opacity" from="1" to="0" dur="1s" begin="-0.8s" repeatCount="indefinite"></animate></rect>
<rect x="46.5" y="40" width="7" height="20" rx="5" ry="5" fill="#ffffff" transform="rotate(108 50 50) translate(0 -22)"> <animate attributeName="opacity" from="1" to="0" dur="1s" begin="-0.7s" repeatCount="indefinite"></animate></rect><rect x="46.5" y="40" width="7" height="20" rx="5" ry="5" fill="#ffffff" transform="rotate(144 50 50) translate(0 -22)"> <animate attributeName="opacity" from="1" to="0" dur="1s" begin="-0.6s" repeatCount="indefinite"></animate></rect>
<rect x="46.5" y="40" width="7" height="20" rx="5" ry="5" fill="#ffffff" transform="rotate(180 50 50) translate(0 -22)"> <animate attributeName="opacity" from="1" to="0" dur="1s" begin="-0.5s" repeatCount="indefinite"></animate></rect><rect x="46.5" y="40" width="7" height="20" rx="5" ry="5" fill="#ffffff" transform="rotate(216 50 50) translate(0 -22)"> <animate attributeName="opacity" from="1" to="0" dur="1s" begin="-0.4s" repeatCount="indefinite"></animate></rect>
<rect x="46.5" y="40" width="7" height="20" rx="5" ry="5" fill="#ffffff" transform="rotate(252 50 50) translate(0 -22)"> <animate attributeName="opacity" from="1" to="0" dur="1s" begin="-0.3s" repeatCount="indefinite"></animate></rect><rect x="46.5" y="40" width="7" height="20" rx="5" ry="5" fill="#ffffff" transform="rotate(288 50 50) translate(0 -22)"> <animate attributeName="opacity" from="1" to="0" dur="1s" begin="-0.2s" repeatCount="indefinite"></animate></rect>
<rect x="46.5" y="40" width="7" height="20" rx="5" ry="5" fill="#ffffff" transform="rotate(324 50 50) translate(0 -22)"> <animate attributeName="opacity" from="1" to="0" dur="1s" begin="-0.1s" repeatCount="indefinite"></animate></rect>
</svg>
</div>
</div>
<div id="container">
<div id="saving-succeed" class="prompt-box">
<span class="icon"><i class="fa fa-check fa-2x" aria-hidden="true"></i></span>
<div class="msg">提交成功 !</div>
<span class="close-btn"><i class="fa fa-close"></i></span>
</div>
<div id="saving-fail" class="prompt-box">
<span class="icon"><i class="fa fa-close fa-2x" aria-hidden="true"></i></span>
<div class="msg"><span></span></div>
<span class="close-btn"><i class="fa fa-close" aria-hidden="true"></i></span>
</div>
</div>
</div>
<ul class="buttons">
<li>
<a id="js-download-diagram" href="data:application/bpmn20-xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0A%3Cdefinitions%20xmlns%3D%22http%3A%2F%2Fwww.omg.org%2Fspec%2FBPMN%2F20100524%2FMODEL%22%20xmlns%3Axsi%3D%22http%3A%2F%2Fwww.w3.org%2F2001%2FXMLSchema-instance%22%20xmlns%3Aactiviti%3D%22http%3A%2F%2Factiviti.org%2Fbpmn%22%20xmlns%3Abpmndi%3D%22http%3A%2F%2Fwww.omg.org%2Fspec%2FBPMN%2F20100524%2FDI%22%20xmlns%3Axsd%3D%22http%3A%2F%2Fwww.w3.org%2F2001%2FXMLSchema%22%20targetNamespace%3D%22%22%3E%0A%20%20%3Cprocess%20id%3D%22%22%20name%3D%22%22%20isExecutable%3D%22true%22%3E%0A%20%20%20%20%3Cdocumentation%20%2F%3E%0A%20%20%3C%2Fprocess%3E%0A%20%20%3Cbpmndi%3ABPMNDiagram%20id%3D%22BPMNDiagram_%22%3E%0A%20%20%20%20%3Cbpmndi%3ABPMNPlane%20id%3D%22BPMNPlane_%22%20bpmnElement%3D%22%22%20%2F%3E%0A%20%20%3C%2Fbpmndi%3ABPMNDiagram%3E%0A%3C%2Fdefinitions%3E%0A" title="download BPMN diagram" class="active" download="diagram.bpmn">
下载 BPMN
</a>
</li>
</ul>
<script src="/static/actjs/index.379fc13d.js"></script>


</body></html>